<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!--
$Id: index.html 49 2009-08-02 14:49:24Z takuji.mezawa $
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>OpenPTA管理画面</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<!-- **********************************************************************
  Style Definition
********************************************************************** -->
<link rel="stylesheet" charset="utf-8" type="text/css" media="all" href="../lib/modules/glow/widgets/widgets.css" />
<link rel="stylesheet" charset="utf-8" type="text/css" media="all" href="../lib/css/layout.css" />
<link rel="stylesheet" charset="utf-8" type="text/css" media="all" href="../lib/css/design.css" />
<style type="text/css">
div.header-title {font-weight:bold;font-size:200%;}

/* login box */
div.login-box {
position:absolute;
display:block;
right:20px;
width:300px;
padding:15px;
color:#fff;
background-color:#9f166a;  /* raspberry red */
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}
div.login-title {
margin:5px;
padding:10px;
text-align:center;
font-size:120%;
font-weight:bold;
background-color:#e62f8b;  /* bougainvillaea */
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}
label.uname, label.passwd {
position:relative;
display:block;
left:40px;
padding-top:10px;
padding-bottom:10px;
}
span.uname, span.passwd {
position:relative;
display:block;
left:40px;
right:5px;
}
div.login-btn {text-align:center;margin-top:30px;}
</style>
<!-- **********************************************************************
  Script Definition
********************************************************************** -->
<script type="text/javascript" charset="utf-8" src="../lib/modules/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="../lib/modules/glow/core/core.js"></script>
<script type="text/javascript" charset="utf-8" src="../lib/modules/glow/widgets/widgets.js"></script>
<script type="text/javascript" id="openpta-login-main">// <![CDATA[
window.onload = function() {
	$('input#username').focus();
}
// ]]>
</script>
</head>

<body>

<!-- PAGE HEADER -->
<div id="openpta-header">
    <div class="header-title">OpenPTA管理画面</div>
</div>

<div id="" class="login-box">
	<div class="login-title">ログイン</div>
	<form>
		<label for="username" class="uname">ユーザー名</label>
		<span class="uname"><input type="text" id="username" name="" size="27" maxlength="10"></span>
		
		<br/>
		
		<label for="password" class="passwd">パスワード</label>
		<span class="passwd"><input type="password" id="password" name="" size="27" maxlength="10"></span>
		
		<div class="login-btn">
		  <button type="button" id="" class="">　ログイン　</button>
		</div>
	</form>
</div>

<!-- PAGE CONTENTS -->
<div id="openpta-content">
    OpenPTA管理画面は、OpenPTAに関わる管理作業を行うために使用するものです。
	
	<br/><br/>
	使用する際には、ログインをする必要があります。ログインにはユーザー名とパスワードが必要です。これらの情報は管理作業を行うことが
	許されている方以外は知らされていません。つまりは、知る方以外は、管理作業は行わないということになります。
	
	<br/><br/>
	みたいな、お堅い文章を書き連ねるか、もっと違った文章を書く。もしかしたら、掲示板的な利用もアリかもしれない。
</div>

<br clear="all" />

<!-- PAGE FOOTER -->
<div id="openpta-footer">
	&copy;2009, <a href="http://ezogp.sourceforge.jp/">EzoGP</a>
</div>
</body></html>